﻿<%@ Page Title="flagship" Language="C#" MasterPageFile="~/EasyUI.master" AutoEventWireup="true" CodeBehind="List.aspx.cs" Inherits="jnxc.Web.flagship.List" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">  
    <script src="../ckeditor/ckeditor.js"></script>
    <script src="../ckeditor/adapters/jquery.js"></script>
    <script src="../Script/sitedata.js"></script>
    <script src="../Script/city.js"></script>
    <script src="../Script/upimg.js"></script>
    <script src="../Script/username.js"></script>
    <script type="text/javascript">
        var provinceName;
        var cityName;
        var arrCity;
        var areaName;
        var arrArea;
        String.prototype.stringToDate = function () {

            return new Date(Date.parse(this.replace(/-/g, "/")));

        }
        Date.prototype.pattern = function (fmt) {
            var o = {
                "M+": this.getMonth() + 1, //月份        
                "d+": this.getDate(), //日        
                "h+": this.getHours() % 12 == 0 ? 12 : this.getHours() % 12, //小时        
                "H+": this.getHours(), //小时        
                "m+": this.getMinutes(), //分        
                "s+": this.getSeconds(), //秒        
                "q+": Math.floor((this.getMonth() + 3) / 3), //季度        
                "S": this.getMilliseconds() //毫秒        
            };
            var week = {
                "0": "/u65e5",
                "1": "/u4e00",
                "2": "/u4e8c",
                "3": "/u4e09",
                "4": "/u56db",
                "5": "/u4e94",
                "6": "/u516d"
            };
            if (/(y+)/.test(fmt)) {
                fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
            }
            if (/(E+)/.test(fmt)) {
                fmt = fmt.replace(RegExp.$1, ((RegExp.$1.length > 1) ? (RegExp.$1.length > 2 ? "/u661f/u671f" : "/u5468") : "") + week[this.getDay() + ""]);
            }
            for (var k in o) {
                if (new RegExp("(" + k + ")").test(fmt)) {
                    fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
                }
            }
            return fmt;
        }
        var Common = {

            //EasyUI用DataGrid用日期格式化
            TimeFormatter: function (value, rec, index) {
                if (value == undefined) {
                    return "";
                }
                /*json格式时间转js时间格式*/
                value = value.substr(1, value.length - 2);
                var obj = eval('(' + "{Date: new " + value + "}" + ')');
                var dateValue = obj["Date"];
                if (dateValue.getFullYear() < 1900) {
                    return "";
                }
                var val = dateValue.pattern("yyyy-MM-dd HH:mm");
                return val;
            },
            DateTimeFormatter: function (value, rec, index) {

                if (value == null || value == '') {
                    return '';
                }
                var dt =value.stringToDate();
                if (value instanceof Date) {
                    dt = value;
                }
                else {
                    dt = new Date(value);
                    if (isNaN(dt)) {
                        value = value.replace(/\/Date\((-?\d+)\)\//, '$1'); //标红的这段是关键代码，将那个长字符串的日期值转换成正常的JS日期格式
                        dt = new Date();
                        dt.setTime(value);
                    }
                }
                return dt.pattern("yyyy年M月d日");
            },

            //EasyUI用DataGrid用日期格式化
            DateFormatter: function (value, rec, index) {
                if (value == undefined) {
                    return "";
                }
                /*json格式时间转js时间格式*/
                value = value.substr(1, value.length - 2);
                var obj = eval('(' + "{Date: new " + value + "}" + ')');
                var dateValue = obj["Date"];
                if (dateValue.getFullYear() < 1900) {
                    return "";
                }

                return dateValue.pattern("yyyy-MM-dd");
            }
        };
        function CKupdate() {
            for (instance in CKEDITOR.instances)
                CKEDITOR.instances[instance].updateElement();
        }
        $(function () {
            InitGird();
            InitSearch();
            //var wid = $(parent.document).find("#mainPanle").width();
            //$("#ckedit").width(wid - 350);
        });
        //初始化表格
        function InitGird() {
            $('#tt').datagrid({
                title: '旗舰店信息列表', //表格标题
                url: 'GetShip.ashx', //请求数据的页面
                sortName: 'ftime', //排序字段
                idField: 'fid', //标识字段,主键
                iconCls: '', //标题左边的图标
                width: '100%', //宽度
                //height: $(parent.document).find("#mainPanle").height() - 35 > 0 ? $(parent.document).find("#mainPanle").height() - 35 : 500, //高度
                nowrap: false, //是否换行，True 就会把数据显示在一行里
                striped: true, //True 奇偶行使用不同背景色
                collapsible: false, //可折叠
                sortOrder: 'desc', //排序类型
                remoteSort: true, //定义是否从服务器给数据排序
                fitColumns: true,
                method: 'post',
                singleSelect:true,
                columns: [[
                    { field: 'ckb', checkbox: true },
	                { title: '店名', field: 'fname', width: 150, sortable: true },
                    { title: '联系人', field: 'flinker', width: 80 },
                    { title: '手机', field: 'fphone', width: 100},
                    { title: '电话', field: 'ftel', width: 100 },
                    { title: '地址', field: 'madd', width: 200},
                    {
                        title: '开店时间', field: 'ftime', width: 150, sortable: true, formatter: function (value, row, index) {
                            if (value != "") {
                                if (value.indexOf("-") != -1)
                                    value = value.replace(/-/g, "/");
                                return new Date(value).pattern("yyyy年M月d日");
                            }
                        }
                    }

                ]],
                toolbar: "#tab_toolbar",
                queryParams: { "action": "query" },
                pagination: true, //是否开启分页
                pageNumber: 1, //默认索引页
                pageSize: 20, //默认一页数据条数
                rownumbers: true //行号
            });


        }
        //初始化搜索框
        function InitSearch() {
            //$("#ipt_search").searchbox({
            //    width: 200,
            //    //iconCls: 'icon-save',
            //    searcher: function (val, name) {
            //        $('#tt').datagrid('options').queryParams.search_type = name;
            //        $('#tt').datagrid('options').queryParams.search_value = val;
            //        $('#tt').datagrid('reload');
            //    },
            //    prompt: '请输入查询信息'
            //}); 
            loadNameEdit();
            $('#fbrief').ckeditor();
        }

        function newUser() {
            //清空内容  
            $('#fm').form('clear');
            $('#preview').attr('src', '../teampics/user.jpg');
            loadNameShip();
            for (instance in CKEDITOR.instances)
                CKEDITOR.instances[instance].setData("");
            $('#dlg').dialog('open').dialog('setTitle', '添加旗舰店信息');
            document.getElementById("test").value = "add";
        }
        function editUser() {

            var row = $('#tt').datagrid('getSelected');
            if (row == null) {
                $.messager.alert("提示", "请选择要修改的行！", "info");
            }
            if (row) {
                $('#dlg').dialog('open').dialog('setTitle', '修改旗舰店');
                $('#preview').attr('src', row.fpic);
                $('#htpic').val(row.fpic);
                document.getElementById("test").value = "modify";
                $('#fm').form('load', row);
                var result = $.ajax({
                    url: "GetShip.ashx?action=getinfo&fid=" + row.fid,
                    type: 'post',
                    dataType: 'json',
                    async: false,
                    cache: false
                }).responseText;
                //$("#psinfo").html(result);
                $('#fbrief').val(result);
            }
        }
        function saveUser() {
            var test = document.getElementById("test").value;
            CKupdate();
            var f = $('#fm');
            if (test == "add") {
                f.form('submit', {
                    url: "GetShip.ashx?action=" + test,
                    onSubmit: function () {
                        return $(this).form('validate');
                    },
                    success: function (result) {
                        if (result.indexOf("T") == 0) {
                            $('#dlg').dialog('close');
                            $.messager.alert("提示", "恭喜您，信息添加成功", "info");
                            $('#tt').datagrid('reload');
                        }
                        else if ((result.indexOf("F") == 0)) {
                            $.messager.alert("提示", "添加失败，请重新操作！", "info");
                            return;
                        }
                        else if ((result.indexOf("L") == 0)) {
                            $.messager.alert("提示", "长时间没有操作，请重新登录！", "info");
                            top.location = '/index.aspx';
                            return;
                        }
                    }
                });

            } else {

                $('#fm').form('submit', {
                    url: "GetShip.ashx?action=" + test,
                    onSubmit: function () {
                        return $(this).form('validate');
                    },
                    success: function (result) {
                        if (result.indexOf("T") == 0) {
                            $('#dlg').dialog('close');
                            $('#tt').datagrid('clearSelections');
                            $.messager.alert("提示", "恭喜您，信息修改成功", "info");
                            $('#tt').datagrid('reload');

                        }
                        else if ((result.indexOf("F") == 0)) {
                            $.messager.alert("提示", "添加失败，请重新操作！", "info");
                            return;
                        }
                        else if ((result.indexOf("L") == 0)) {
                            $.messager.alert("提示", "长时间没有操作，请重新登录！", "info");
                            top.location = '/index.aspx';
                            return;
                        }
                    }
                });
            }
        }

        function removeUser() {
            var test = document.getElementById("test").value = "delete";
            var row = $('#tt').datagrid('getSelected');
            if (row == null) {
                $.messager.alert("提示", "请选择要删除的行！", "info");
            }
            if (row) {
                $.messager.confirm('提示', '你确定要删除这条信息吗？', function (r) {
                    if (r) {
                        $('#fm').form('submit', {
                            url: 'GetShip.ashx?fid=' + row.fid + "&action=" + test,
                            onSubmit: function () {
                                //return $(this).form('validate');  
                            },
                            success: function (result) {
                                if (result.indexOf("T") == 0) {
                                    $('#dlg').dialog('close');
                                    $('#tt').datagrid('clearSelections'); //清空选中的行  
                                    $.messager.alert("提示", "恭喜您，信息删除成功！", "info");
                                    //alert('恭喜您，信息删除成功！')  
                                    // close the dialog  
                                    $('#tt').datagrid('reload');
                                    //$('#fm').form('submit');

                                }
                                else {
                                    $.messager.alert("提示", "删除失败，请重新操作！", "info");
                                    return;
                                }

                            }

                        });
                    }
                })
            }
        }
        function getQueryParams(queryParams) {
            var uprovince = $("#uprovince").combobox("getValue");
            var ucity = $("#ucity").combobox("getValue");
            var uname = $("#uname").val();
            var utruename = $("#utruename").val();           
            var ucounty = $("#ucounty").combobox("getValue");            
            queryParams.uprovince = uprovince;
            queryParams.ucity = ucity;
            queryParams.uname = uname;
            queryParams.ucounty = ucounty;           
            queryParams.utruename = utruename;
            return queryParams;

        }
        //增加查询参数，重新加载表格  
        function reloadgrid() {

            //查询参数直接添加在queryParams中      
            var queryParams = $('#tt').datagrid('options').queryParams;
            getQueryParams(queryParams);
            $('#tt').datagrid('options').queryParams = queryParams;
            $("#tt").datagrid('reload');

        }

    </script>
    <style type="text/css">
        .fitem {
            width:180px;
            float:left;
        }
            .fitem label {
                width:60px;
            }
        .myl {
            width:570px;
            float:left;

        }
            .myl input {
                width:100px;
            }
        .mysearch input {
            width:80px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <table id="tt">
    </table>
    
    <div id="tab_toolbar" style="padding: 4px;">
        <table cellpadding="0" cellspacing="0" style="width: 100%">
            <tr>

                <td style="padding-left: 2px">

                    
                    <a href="#" id="a_add" onclick="newUser();"
                        class="easyui-linkbutton" iconcls="icon-add">添加</a>
                    <a href="javascript:void(0)" onclick="editUser() " class="easyui-linkbutton" data-options="iconCls:'icon-edit'">修改</a>
                    <a href="#" onclick="removeUser();return false;" id="a_del" class="easyui-linkbutton" iconcls="icon-cancel">删除</a>

                </td>
                <td >
                    <div id="mysearch"> 
                        <div style="padding:2px; float:left; width:300px;">
          店名：   
           <input id="uname" class="easyui-validatebox" style="width:80px;"/> 联系人：   
           <input id="utruename" class="easyui-validatebox" style="width:80px;"/>                             
                            </div> 
          <div style="padding:2px; float:left; width:400px;" >
                <label>省：</label>
                <input id="uprovince" name="uprovince" class="easyui-combobox" data-options="width:'100'"/>            
                <label>市：</label>
                <input id="ucity" name="ucity" class="easyui-combobox" data-options="width:'100'" />            
                <label>县：</label>
                <input id="ucounty" name="ucounty" class="easyui-combobox" data-options="width:'100'" />
            </div>                        
           <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'" onclick="reloadgrid()">查找</a>  
       </div>  
                </td>
            </tr>
        </table>
    </div>   
   <div id="dlg" class="easyui-dialog" style="width:900px; height: auto; padding: 5px"
        data-options="closed:true,buttons:'#dlg-buttons',shadow:false,top:5">
        <form id="fm" method="post" enctype="multipart/form-data" action="GetShip.ashx" >
            <div class="myl" >
            <div class="fitem">
                <label>店名：</label>
                <input id="fname" name="fname" class="easyui-validatebox" data-options="required:true" />
                </div>
            <div class="fitem">
                <label>联系人：</label>
                <input id="flinker" name="flinker" class="easyui-validatebox" data-options="required:true,validType:'CHS'" />
            </div> 
            <div class="fitem">
                <label>手机：</label>
                <input id="fphone" name="fphone" class="easyui-validatebox" data-options="required:true,validType:'mobile'" />
            </div> 
            <div class="fitem">
                <label>电话：</label>
                <input id="ftel" name="ftel" class="easyui-validatebox" data-options="required:true" />
            </div> 
            <div class="fitem">
                <label>开店时间：</label>
                <input id="ftime" name="ftime" class="easyui-datebox"  data-options="required:true" />
            </div> 
           
            <div class="fitem" id="dprovince">
                <label>省：</label>
                <input id="fprovince" name="fprovince" class="easyui-combobox" />
            </div>
            <div class="fitem" id="dcity">
                <label>市：</label>
                <input id="fcity" name="fcity" class="easyui-combobox" />
            </div>
            <div class="fitem" id="dcounty">
                <label>县：</label>
                <input id="fcounty" name="fcounty" class="easyui-combobox" />
            </div>   
            <div class="fitem">
                <label>地址：</label>
                <input id="fadd" name="fadd" class="easyui-validatebox" data-options="required:true" />
            </div> 
                </div>
            <div style="width:270px; float:left;">
            <div >
                <label>图片：</label>
                <input id="fpic" name="fpic"  type="file" onchange="javascript:setImagePreview(this,localImag,preview);" />
             <input name="htpic" id="htpic" type="hidden" /> 
            </div> 
            <div id="localImag" class="fitem" style="height:80px">  
   <label> 预　　览: </label> 
    <img id="preview" alt="预览图片" onclick="over(preview,divImage,imgbig);" src="../teampics/user.jpg" style="width: 100px; height: 80px;"/>   
</div> 
                </div>
            <div style="clear:both;"></div>      
            <div  >
                <div>简介：</div>                
                <textarea class="easyui-validatebox" id="fbrief" name="fbrief" ></textarea>               
                <input name="fid" id="fid" type="hidden" />
            <input name="Test" id="test" type="hidden" />                
                <input id="key" name="key" onkeydown="if(event.keyCode==13)reloadgrid()" type="hidden" />                
            </div>
            
        </form>
    </div>
    <div id="dlg-buttons">
        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-ok'" onclick="saveUser()">保存</a>
        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" onclick="javascript:$('#dlg').dialog('close')">关闭</a>
    </div>
    
</asp:Content>

